
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

:focus {
  outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: #666;
    text-decoration:none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    outline:none;
}
img{width: 100%;}
table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/*重置结束*/
body{
    margin: 0;
    padding: 0;
    background: $color-white;
    font-size:14px;
    color: #666;
}
#app {
font-family: '微软雅黑','宋体','Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: $color-Dark-grey;
}
p,div,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl{
list-style: none;
margin: 0;
padding: 0;
font-weight: normal;
}
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.ellipsisAll{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.mint-swipe-items-wrap {
    padding-bottom: 49.5%;
}
.mint-swipe-items-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.linebox{padding:0 15px;}
.btbox{text-align: center;padding: 15px 0;}
.van-popup{border-radius: 5px;padding: 10px;}
.van-popup.van-popup--top,.van-popup.van-popup--bottom,.van-popup.van-popup--left,.van-popup.van-popup--right{width:100%;padding:0;}
.van-popup.van-popup--left,.van-popup.van-popup--right{height:100%;}
.box-center{padding: 10px;text-align: center;line-height: 40px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float: left;}
.fr{float: right;}
.formbox{min-width:300px;}
.title{height: 50px;line-height: 50px;padding: 0 10px;border-bottom: 1px solid #ddd;}
.title h4{font-size: 16px;color: #282828;font-weight: bold;}
.playList{padding:10px;display: flex;flex-wrap: wrap;justify-content:space-between;}
.playList li{margin-bottom: 20px;width: 100%;background: #fff;}
.playList .playBox{width: 100%;position: relative;background-color: #ddd;-webkit-background-size: 100% auto;background-position: center center;
background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.playList p{line-height: 36px;font-size: 16px;padding: 0 5px;color: #282828;}
.playList .mask{display: block;width: 100%;padding-bottom: 56%;text-align: center;position: relative;height: 0;background:rgba(0,0,0,0.3);}
.playList .mask img{position: absolute;top:50%;left: 50%;height: 64px;width: 64px;margin-left: -32px;margin-top: -32px;}
.playList .plays{position: absolute;bottom:10px;right: 10px;padding-left: 20px;height: 20px;font-size: 12px;line-height: 20px;color: #eee;
    background:url(../images/playnum.png) no-repeat 0 center;-webkit-background-size: 16px auto;
    background-size: 16px auto;}
.playList .type{position: absolute;top:10px; left: 10px;height: 16px;line-height: 16px;padding: 0 5px;background:orange;border-radius: 2px;color:#eee;font-size: 12px;}
.mini li{width: 49%;}
.mini p{font-size: 12px;}
.mini .mask img{width: 32px;height: 32px;margin-left: -16px;margin-top: -16px;}
.more{float: right;height: 50px;padding-right:12px;position: relative;color: #BBBBBC}
.more img{top: 18px;width: 8px;position:absolute;right:0;}
.card{margin-bottom: 10px;box-shadow: 0 0 20px #d4d4d4;}
.nothing{text-align: center;padding: 100px 20%;box-sizing: border-box;width: 100%;}
.nothing img{max-width:200px; }
.line6{height: 6px;background: #eaeaea;}

.banner{position: relative;background: #fff;height: 100%;display: block;}
.banner h4{position: absolute;height: 36px;line-height: 36px;background:rgba(36,36,36,0.5);padding: 0 10px;color:#fff;left: 0;bottom:0;width: 100%;}

.mint-tabbar{position:static;}
.mint-tab-item-label{line-height: 2 ;}
.mint-tabbar > .mint-tab-item{position: relative;}
.mint-tabbar > .mint-tab-item:after{content: '';display: block;height: 30px;width: 1px;position: absolute;top: 5px;right: 0;background: #ccc;}
.mint-tabbar > .mint-tab-item:last-child:after{display: none;}
.mint-tabbar > .mint-tab-item.is-selected{background:url(../images/tab-bg.png) no-repeat bottom center;color: #2f74bf;}
.playend{background: #d68a00;}
.playing{background: green;}